<?php 
	session_start();
	include_once('./controller/GeneralController.php');
	include_once('./helper/FormHelper.php');
	include_once('./controller/SignupController.php');
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">

<head>	
	<title>TicToc Watches!</title>
	
	<?php include_once('./templates/HeadReferences.php'); ?>
	
	<script language="JavaScript" type="text/javascript">
		$(document).ready(function(){
			var validator = $('#signup-form').validate(
			{
				rules: 
				{
					txtUsername: 
					{
						minlength: 2,
						required: true
					},
					txtFirstName: 
					{
						minlength: 2,
						required: true
					},
					txtLastName: 
					{
						minlength: 2,
						required: true
					},
					txtPassword: 
					{
						minlength: 8,
						required: true
					},
					txtConfirmPassword: 
					{
						minlength: 8,
						required: true
					},
					txtEmailAddress: 
					{
					  required: true,
					  email: true
					},
					/*
					txtStreet1: 
					{
					  minlength: 2,
					  required: true
					},*/
					ddlCountry: 
					{
					  required: true
					}
				},
				highlight: function(element) {
					$(element).closest('.form-group').removeClass('success').addClass('error');
				},
				success: function(element) {
					element.text('OK!').addClass('valid').closest('.form-group').removeClass('error').addClass('success');
				}
			});
		}); 
	</script>
	<style type="text/css">
		.span4 {
			width: 300px !important;
		}
		
		.span5 {
			width: 380px !important;
		}
		
		.span6 {
			width: 460px !important;
		}
		
		.span7 {
			width: 540px !important;
		}
	</style>
</head>
<body>

	<?php include_once('./templates/PopupBox.php'); ?>
<!-- Wrapper -->
	<div id="wrapper">
		<!-- Header -->
		<div id="top">
			<!-- Shell -->
				<div class="shell">
					<?php include_once('./templates/TopNav.php'); ?>
				</div>
			<!-- End Shell -->
		</div>
		<!-- End Top -->
		<!-- Main -->
		<div id="main">
			<!-- Shell -->
			<div class="shell">
				<!-- Header -->
					<?php include_once('./templates/Header.php'); ?>
				<!-- End Header -->

				<!-- Form -->
					<?php 
						getContent();
					?>
				<!-- End Form -->
	
			</div>	
		</div>	
		<!-- Footer -->
			<?php include_once('./templates/Footer.php'); ?>
		<!-- End Footer -->
	</body>
</html>

